﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Website/Views/Shared/Product.Master"
    Inherits="System.Web.Mvc.ViewPage<List<string>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <ul class="ul_archive">
        <% for (int i = 0; i < Model.Count; i++) { %>
        <% if (i % 2 == 0) { %>
        <li>
            <%=Model[i]%></li>
        <% }
           else { %>
        <li class="alter">
            <%=Model[i]%></li>
        <% }
           } %>
    </ul>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <%=HtmlMetaHelper.HtmlTitle(ViewsResources.SiteMapPath.Archive)%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cssLink" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="jsLink" runat="server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="cssContent" runat="server">
    <style type="text/css">
        .ul_archive
        {
            border: solid 1px #ccc;
            padding: 5px;
            overflow: hidden;
        }
        .ul_archive li
        {
            float: left;
            margin: 10px 0;
            padding: 5px 0;
            width: 20%;
            text-align: center;
            background-color: #f2f2f2;
        }
        .ul_archive li.alter
        {
            background-color: #fff;
        }
    </style>
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="jsContent" runat="server">
</asp:Content>
